<template>
  <div class="app-container">
    <div class="main">
      <el-card class="box-card">
        <h1>账号设置</h1>
        <el-tabs v-model="activeName" @tab-click="handleClick">
          <el-tab-pane
            :label="item.label"
            :name="item.value"
            v-for="(item, index) of tabs"
            :key="index"
          />
        </el-tabs>
        <info v-if="activeName == 'info'" />
        <password v-if="activeName == 'password'" />
      </el-card>
    </div>
    <detault-footer />
  </div>
</template>

<script>
import info from "./components/info";
import password from "./components/password";
export default {
  name: "enterpriseInfo",
  data() {
    return {
      // 遮罩层
      loading: false,
      // 总条数
      total: 0,
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 表单参数
      form: {},
      tabs: [
        { label: "基本信息", value: "info" },
        { label: "修改密码", value: "password" },
      ],
      activeName: "info",
    };
  },
  components: {
    password,
    info,
  },
  created() {},
  methods: {
    cancel() {
      this.open = false;
      this.accessOpen = false;
    },
    handleClick() {},
  },
};
</script>

<style scoped>
.box-card {
  width: 750px;
  margin: 0 auto;
}
.main {
  min-height: calc(100vh - 178px);
}
</style>
